<script>
export default {
  name: "smallCourse",
  props:{
    courseItem:Object
  }
}
</script>

<template>
  <div>
    <img :src="courseItem.bannerFileUrl" alt="">
    <p>{{ courseItem.courseTitle }}</p>
    <p v-if="courseItem.isFree==='1'">免费</p>
    <p v-else-if="courseItem.isDiscount==='1'">{{ courseItem.discountPrice }}
      <del>{{ courseItem.coursePrice }}</del>
    </p>
    <p v-else>{{ courseItem.coursePrice }}</p>
  </div>
</template>

<style scoped lang="less">
img {
  width: 100%;
}
</style>